$(() => {

   // 实现文件上传
   // 添加完图片马上上传，用change事件
   $('#feature').on('change', function () {
      let myfile = document.querySelector('#feature').files[0];
      // console.log(myfile)
      // 创建一个formdata对象
      let formData = new FormData();
      // 追加文件
      formData.append('img', myfile);
      // console.log(formData)
      // 发送ajax请求
      $.ajax({
         type: 'post',
         url: '/uploadFile',
         data: formData,
         contentType: false,
         processData: false,
         dataType: 'json',
         success: function (res) {
            // console.log(res)
            if (res.code === 200) {
               // 设置预览，给img设置src数据，让浏览器解析，二次请求
               $('.thumbnail').attr('src', '/uploads/' + res.img).show();
               //将地址信息存到隐藏域，方便后面收集表单数据
               $('[name="feature"]').val(res.img)
               // $('#imgsave').val(res.img)
            } else {
               // 报错
               $('.alert-danger > span').text(res.msg);
            }
         }
      })
   })

   //添加分类信息
   $.ajax({
      type: 'get',
      url: '/getAllCate',
      success: function (res) {
         if (res.code === 200) {
            let str = ` <option value="all">所有分类</option>`;
            for (let i = 0; i < res.data.length; i++) {
               str += `<option value="${res.data[i].id}">${res.data[i].name}</option>`
            }
            $('#category').html(str);
         }
      }
   })


   // 添加富文本框--使用CKeditor
   // 初始化
   CKEDITOR.replace('content')


   // 实现添加文章
   $('.btnsave').on('click', function () {
      // 同步富文本框的信息到textarea
      CKEDITOR.instances.content.updateElement();
      //收集数据
      // let data = $('form').serialize()
      // console.log(data)
      // 发送ajax请求
      if(id){
         opt('/editPostById')
      }else{
         opt('/addPost')
      }
     
   })

   function opt(url){
      $.ajax({
         type: 'post',
         url: url,
         data: $('form').serialize(),
         dataType: 'json',
         success: function (res) {
            // console.log(res)
            if (res.code === 200) {
               // 跳转到所有文章也
               location.href = '/admin/posts'
            } else {
               alert(res.msg)
            }
         }
      })
   }


   // 实现文章的编辑
   // 通过id获取文章数据
   let param = location.search.substr('1')
   // console.log(id)
   let arr = param.split('&');
   let obj = {}
   // 遍历数组
   arr.forEach(e => {
      let temp = e.split('=');
      obj[temp[0]] = temp[1]
   })
   // console.log(obj)
   let id = obj.id;
   // console.log(id)
   // 发送ajax请求
   // 根据id判断是新增还是编辑
   if (id) {
      $.ajax({
         type: 'get',
         url: '/getPostById',
         data: { id },
         success: function (res) {
            // console.log(res)
            if(res.code === 200 ){
               // 填充文章--设置默认数据
               $('#title').val(res.data.title)
               $('#content').val(res.data.content)
               $('#slug').val(res.data.slug)
               $('.thumbnail').attr('src','/uploads/'+res.data.feature).show()
               $('#category').val(res.data.category_id)
               $('#status').val(res.data.status)
               // 设置图片隐藏域
               $('[name="feature"]').val(res.data.feature)
               // 设置id隐藏域
               $('[name="id"]').val(res.data.id)
               // 设置日期
               $('#created').val(res.data.created)
            }
         }
      })
   }




})